<template>
  <div>
    <ul>
      <!-- <li>{{ list[0] }}</li>
      <li>{{ list[1] }}</li>
      <li>{{ list[2] }}</li> -->
      <!-- v-for 循环  -->
      <!-- key 等于数组的唯一值 -->
      <!-- <li v-for="item in list" :key="item">{{ item }}</li> -->

      <!-- index 就是下标  -->
      <!-- <li v-for="(item, index) in list" :key="index">{{ index }} {{ item }}</li> -->

      <li v-for="item in list" :key="item.id">
        {{ item.name }} {{ item.gender ? "男" : "女" }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      // list: ["苹果", "火龙果", "麻瓜", "苹果"],
      list: [
        {
          id: 0,
          name: "李班长",
          gender: true,
        },
        {
          id: 1,
          name: "李班长的同桌",
          gender: false,
        },
      ],
    };
  },
};
</script>

<style></style>
